<template>
  <transition name="slide">
    <div class="agreement">
      <page-header title="服务协议"></page-header>
      <scroll class="content">
        <div v-html="data.hdApplyContent"></div>
      </scroll>
    </div>
  </transition>
</template>

<script type="text/ecmascript-6">
  import PageHeader from 'components/page-header'
  import Scroll from 'components/scroll/scroll'
  import * as exampleApi from 'api/example'
  export default {
    components: {
      PageHeader,
      Scroll
    },
    data() {
      return {
        data: {}
      }
    },
    created() {
      this.init()
    },
    methods: {
      init() {
        let orgId = sessionStorage.getItem('siteId')
        exampleApi.modeGet('/api/public/sys/orgSetting/detail?orgId=' + orgId).then(res => {
          if (res.data.code === '0') {
            this.data = res.data.data
          }
        })
      }
    }
  }
</script>

<style lang="less" scoped>
  .agreement {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    background-color: #e6e6e6;
    z-index: 992;
    .content{
      height:100%;
      overflow: hidden;
    }
  }
</style>
